{include file="public/head"/}
<style type="text/css">
	.layui-table td, .layui-table th {
		position: relative;
		padding: 13px 10px;
		min-height: 19px;
		line-height: 19px;
		font-size: 14px;
	}
	.layadmin-carousel {
		height: 100px !important;
		background-color: #fff;
	}

	.layadmin-backlog-body p cite {
		font-style: normal;
		color: #009688;
		font-size: 16px;
		font-weight: bold;
	}
</style>
<div class="layui-content-wrapper">
	<div class="layui-fluid">
		<div class="layui-row layui-col-space8">

			<!--搜索开始-->
			<div class="layui-col-md12">

				<div class="layui-card">
					<div class="layui-card-header">消息列表</div>
					<div class="layui-card-body">
						<div class="clt-auth-btns" style="margin-bottom: 10px;">
							<button class="layui-btn layuiadmin-btn-list layui-btn-sm" data-type="add"><i class="layui-icon layui-icon-add-1"></i>添加消息</button>
						</div>

						<table class="layui-hide" id="list" lay-filter="list"></table>
					</div>
				</div>
			</div>
			<!--搜索结束-->

		</div>
	</div>
</div>
{include file="public/foot"/}

<script type="text/html" id="status">
	<input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="正常|禁用" lay-filter="status" {{ d.status == 1 ? 'checked' : '' }}>
</script>

<script type="text/html" id="action">
	<a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
				class="layui-icon layui-icon-delete"></i>删除</a>
</script>

<script>
	layui.config({
		base: '__LAYDMIN__', {if config('app.app_debug')}version: true{/if}
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'table', 'carousel', 'form', 'laydate','dropdown'], function () {
		var $ = layui.$;
		var admin = layui.admin;
		var table = layui.table;
		var element = layui.element;
		var form = layui.form;
		var util = layui.util;
		var upload = layui.upload;
		var carousel = layui.carousel;
		var device = layui.device();
		var laydate = layui.laydate;
		var dropdown=layui.dropdown;
		var tableLoadDiv = window.top.layer.load(0,{shade:[0.5, '#000']}); //加载层,table.render完成时需要关闭
		//全部数据
		tableIn = table.render({
			elem: '#list',
			url: '{:url(SYS_PATH."/".CONTROLLER."/index")}',
			method: 'post',
			autoSort: false,
			loading: true,
			cols: [[
				{type: 'checkbox', fixed: true},
				{field: 'id', align: 'center',title: 'ID', width: 80, fixed: true,sort:true},
				{field: 'title', align: 'center',title: '标题', width: 250},
				{field: 'content', align: 'center',title: '内容', width: 450},
				{field: 'status', align: 'center', title: '状态', width: 110, toolbar: '#status'},
				{field: 'create_time', title: '创建时间', width: 180,sort:true,align:'center',
					templet: function(d){
					return util.toDateString(d.create_time*1000,'yyyy-MM-dd HH:mm');
					}
				},
				{width: 200, title: '操作',align: 'center', toolbar: '#action'}
			]],
		page: true,
		done:function (res) {
			window.top.layer.close(tableLoadDiv);
		}
	});

	//监听头部按钮
	$('.clt-auth-btns .layui-btn').on('click', function () {
		var type = $(this).data('type');
		var title = $(this).data('title');
		if (type === 'add') {
			layui.layerOpen("{:url(SYS_PATH.'/'.CONTROLLER.'/add')}", title);
		}
	});

	table.on('sort(list)', function (obj) {
		table.reload('list', {
			initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
			, where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
				sort_by: obj.field //排序字段
				, sort_order: obj.type //排序方式
			}
		});
	});



	//列表编缉与删除---监听工具条
	table.on('tool(list)', function (obj) {
		var data = obj.data;
		var id = data.id;
		if (obj.event === 'del') {
			var uri = "{:url(SYS_PATH.'/'.CONTROLLER.'/doDelete')}"
			layui.doDelete(uri, "确定要删除该条信息吗？", id, obj);//单个删除接口
		} else if (obj.event === 'edit') {
			layui.layerOpen("{:url(SYS_PATH.'/'.CONTROLLER.'/edit')}?id=" + id, "编缉- " + data.title);
		} else if (obj.event === 'category') {
			//执行重载
			table.reload('list', {
				page: {curr: 1 },
				where: {
					catid: data.catid
				}
			});
		}
	});

	//改变状态
	form.on('switch(status)', function (obj) {
		var id = this.value;
		var status = obj.elem.checked === true ? 1 : 0;
		admin.req({
			url: '{:url(SYS_PATH.'/'.CONTROLLER.'/doStatus')}'
			, type: 'post'
			, data: {'id': id, 'status': status}
			, success: function (res) {
				if (res.code==0) {
					window.top.layer.msg(res.msg, {time: 1000, icon: 1,shade:[0.5,'#000']});
				} else {
					if (obj.elem.checked == true) {
						$(obj.elem).prop('checked', false);
					} else {
						$(obj.elem).prop('checked', true);
					}
					form.render();
				}
			}
		});
	});

	// 导出Excel
	$('#addExcel_w').click(function () {
		var start_time = $('#start_time').val();
		var end_time = $('#end_time').val();
		var user_group_id = $('#user_group_id').val();
		var key = $('#key').val();
		var url="{:url(SYS_PATH."/User/exportExcel")}";
		url = url+'?key='+key+'&start_time='+start_time+'&end_time='+end_time+'&user_group_id='+user_group_id;
		window.open(url);
	});

	$('.table-head-btn .layui-btn').on('click', function () {
		var type = $(this).data('type');
		if (type === 'reload') {
			var key = $('#key').val();
			var status = $('#status').val();
			var start_time = $('#start_time').val();
			var end_time = $('#end_time').val();
			if (start_time) {
				if (!end_time) {
					layer.msg('请选择结束时间！');
					return;
				}
			}
			if (end_time) {
				if (!start_time) {
					layer.msg('请选择开始时间！');
					return;
				}
			}
			//执行重载
			table.reload('list', {
				page: {curr: 1 },
				where: {
					key: key,
					status: status,
					end_time: end_time,
					start_time: start_time
				}
			});
		}
	});

	//轮播切换
	$('.layadmin-carousel').each(function () {
		var othis = $(this);
		carousel.render({
			elem: this
			, width: '100%'
			, arrow: 'none'
			, interval: othis.data('interval')
			, autoplay: othis.data('autoplay') === true
			, trigger: (device.ios || device.android) ? 'click' : 'hover'
			, anim: othis.data('anim')
		});
	});
	// 执行一个laydate实例
	laydate.render({
		elem: '#start_time'
		, type: 'datetime'
		, format: 'yyyy-MM-dd HH:mm:ss'//指定元素
	});
	laydate.render({
		elem: '#end_time'
		, type: 'datetime'
		, format: 'yyyy-MM-dd HH:mm:ss'//指定元素
	});
	});
</script>

</body>
</html>

